<template>
    <!-- <dl class="item" @click="$router.push(`/detail/${fiction_id}`)"> -->
    <dl class="item" @click="$router.push({name:'detail',params:{fiction_id}})">
        <dt>
            <!-- <img :src="url" alt=""> -->
        </dt>
        <dd>
            <h2>{{title}}</h2>    
        </dd>
    </dl>
</template>
<script>
export default {
    props:['title','url','fiction_id'],
    created(){
        console.log("======")
    }
}
</script>
<style lang="scss">
.item{
    width:33.3%;
    img{
        width:80px;
        height:100px;
    }
    dd{
        h2{
            font-size:12px;
        }
    }
}

</style>

